<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <title>首页</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" href="../static/layui/css/layui.css"/>
    <link rel="stylesheet" th:href="@{/styles/index.css}" href="../static/styles/index.css"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"
            integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
            crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.3/umd/popper.min.js"
            integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
            crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
            integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ"
            crossorigin="anonymous"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!-- 头部导航栏 start -->
    <div th:replace="/share/_header :: header(0)"></div>
    <!-- 头部导航栏 end -->

    <div class="layui-body body-content">
        <!-- 内容主体区域 -->
        <div role="main" class="container" style="margin-top: 1rem;">
            <div class="row">
                <div class="col-sm-9 blog-main">
                    <div class="lxb-cards-list">
                        <div class="card bg-light mb-3" style="max-width: 16rem;">
                            <div class="card-header">Header1</div>
                            <div class="card-body">
                                <h4 class="card-title">Light card title</h4>
                                <p class="card-text">Some quick example text to build on the card title and make up the
                                    bulk of the card's content.</p>
                            </div>
                        </div>

                        <div class="card bg-light mb-3" style="max-width: 16rem;">
                            <div class="card-header">Header2</div>
                            <div class="card-body">
                                <h4 class="card-title">Light card title</h4>
                                <p class="card-text">Some quick example text to build on the card title and make up the
                                    bulk of the card's content.</p>
                            </div>
                        </div>

                        <div class="card bg-light mb-3" style="max-width: 16rem;">
                            <div class="card-header">Header3</div>
                            <div class="card-body">
                                <h4 class="card-title">Light card title</h4>
                                <p class="card-text">Some quick example text to build on the card title and make up the
                                    bulk of the card's content.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <aside class="col-sm-3 ml-sm-auto">
                    <div class="sidebar-module">
                        <a href="/posts/write" style="width: 100%;" class="btn btn-secondary btn-lg" role="button"
                           aria-pressed="true">
                            <i class="layui-icon" style="font-size: 25px;">&#xe654;</i>发贴
                        </a>
                    </div>
                    <div style="height: 10px;"></div>
                    <div class="sidebar-module">
                        <a href="/articles/write" style="width: 100%;" class="btn btn-secondary btn-lg" role="button"
                           aria-pressed="true">
                            <i class="layui-icon" style="font-size: 25px;">&#xe654;</i>写文章
                        </a>
                    </div>
                    <div style="height: 10px;"></div>
                    <div class="list-group">
                        <a href="#" class="list-group-item list-group-item-action active">
                            Cras justo odio
                        </a>
                        <a href="#" class="list-group-item list-group-item-action">
                            Dapibus ac facilisis in
                        </a>
                        <a href="#" class="list-group-item list-group-item-action">
                            Morbi leo risus
                        </a>
                        <a href="#" class="list-group-item list-group-item-action">
                            Porta ac consectetur ac
                        </a>
                        <a href="#" class="list-group-item list-group-item-action disabled">
                            Vestibulum at eros
                        </a>
                    </div>
                    <div style="height: 10px;"></div>
                    <div class="card">
                        <img class="card-img-top" src="http://placehold.it/318X180" alt="Card image cap">
                        <div class="card-body">
                            <h4 class="card-title">Card title</h4>
                            <p class="card-text">Some quick example text to build on the card title and make up the bulk
                                of the card's content.</p>
                            <a href="#" class="btn btn-primary">Go somewhere</a>
                        </div>
                    </div>
                </aside>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/layui/layui.js}" src="../static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">
    //JavaScript代码区域
    layui.use(['element'], function () {
        var element = layui.element;
    });
</script>
</body>
</html>